<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<title>PS东方站-视频播放页面</title>
</head>

<body style="background:#e5e5e5;">

<!-- 头部 开始 -->	
<#include "../common/header.html">
<!-- 头部 结束 -->

<!-- 当前位置 开始 -->
<div class="position">
	<div class="w1200 clearFloat">
		<div class="left fl">
			<a href="javascript:;">首页 &gt;</a>
			<span>${product.name}</span>
		</div>
		<div class="right fr">
			<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
			<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{},"image":{"viewList":["sqq","qzone","weixin"],"viewText":"分享到：","viewSize":"24"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["sqq","qzone","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

		</div>
	</div>
</div>
<!-- 当前位置 结束 -->
<!-- 视频播放 开始 -->
<div class="w1200 video">
	<!-- 视频课程 开始 -->
	<div class="cont1 clearFloat">
		<div class="left fl">
			<video id="my-video" style="width: 100%;height:100%;" class="video-js" controls preload="auto"
		  poster="/product/images/video/${product.partnum}/910X540/${product.partnum}.jpg" data-setup="{}">
				<source src="/product/video/${product.partnum}/${product.partnum}.MP4" type="video/MP4"></source>
			  </video>
			  <script src="${WEB}/scripts/video.min.js"></script>	
			  <script type="text/javascript">
				var myPlayer = videojs('my-video');
				videojs("my-video").ready(function(){
					var myPlayer = this;
				});
			</script>

		</div>
		<div class="right fr">
			<!-- 状态一 开始 -->
			<#if bargain??  && bargain.bargainId?? >
				<div class="top">
					<div class="tit"><span>剩余</span><i>￥${product.offerPrice.price-bargain.amount}</i></div>
					<div class="buy">
						<a class="a1" href="${web}/order/buyNow.do?partnum=${product.partnum}">立即购买</a>
						<a class="a2" href="${web}/bargain/inviteBargain.do?partnum=${product.partnum}">继续砍价</a>
					</div>
				</div>
			<#else>
				<div class="top">
					<div class="tit"><span>剩余</span><i>￥${product.offerPrice.price}</i></div>
					<div class="buy">
						<a class="a1" href="${web}/order/buyNow.do?partnum=${product.partnum}">立即购买</a>
						<a class="a2" href="${web}/bargain/inviteBargain.do?partnum=${product.partnum}">邀请砍价</a>
					</div>
				</div>
			</#if>
			<!-- 状态一 结束 -->
			
			<div class="down">
				<div class="tit">相关课程</div>
				<div class="list">
					<ul>
						<li class="clearFloat">
							<a href="javascript:;">
								<div class="ig fl"><img src="/product/images/video/${product.partnum}/85X48/${product.partnum}.png"></div>
								<div class="fon fl">
									<p>PS品牌运动鞋高级特效海报设计</p>
									<div class="pls">
										<i>333评论</i>
										<span>免费</span>
									</div>
								</div>
							</a>
						</li>
						<li class="clearFloat">
							<a href="javascript:;">
								<div class="ig fl"><img src="/product/images/video/${product.partnum}/85X48/${product.partnum}.png"></div>
								<div class="fon fl">
									<p>PS品牌运动鞋高级特效海报设计</p>
									<div class="pls">
										<i>333评论</i>
										<span>免费</span>
									</div>
								</div>
							</a>
						</li>
						<li class="clearFloat">
							<a href="javascript:;">
								<div class="ig fl"><img src="/product/images/video/${product.partnum}/85X48/${product.partnum}.png"></div>
								<div class="fon fl">
									<p>PS品牌运动鞋高级特效海报设计</p>
									<div class="pls">
										<i>333评论</i>
										<span>免费</span>
									</div>
								</div>
							</a>
						</li>
						<li class="clearFloat">
							<a href="javascript:;">
								<div class="ig fl"><img src="/product/images/video/${product.partnum}/85X48/${product.partnum}.png"></div>
								<div class="fon fl">
									<p>PS品牌运动鞋高级特效海报设计</p>
									<div class="pls">
										<i>333评论</i>
										<span>免费</span>
									</div>
								</div>
							</a>
						</li>
						<li class="clearFloat">
							<a href="javascript:;">
								<div class="ig fl"><img src="/product/images/video/${product.partnum}/85X48/${product.partnum}.png"></div>
								<div class="fon fl">
									<p>PS品牌运动鞋高级特效海报设计</p>
									<div class="pls">
										<i>333评论</i>
										<span>免费</span>
									</div>
								</div>
							</a>
						</li>
						<li class="clearFloat">
							<a href="javascript:;">
								<div class="ig fl"><img src="/product/images/video/${product.partnum}/85X48/${product.partnum}.png"></div>
								<div class="fon fl">
									<p>PS品牌运动鞋高级特效海报设计</p>
									<div class="pls">
										<i>333评论</i>
										<span>免费</span>
									</div>
								</div>
							</a>
						</li>
						<li class="clearFloat">
							<a href="javascript:;">
								<div class="ig fl"><img src="/product/images/video/${product.partnum}/85X48/${product.partnum}.png"></div>
								<div class="fon fl">
									<p>PS品牌运动鞋高级特效海报设计</p>
									<div class="pls">
										<i>333评论</i>
										<span>免费</span>
									</div>
								</div>
							</a>
						</li>
						<li class="clearFloat">
							<a href="javascript:;">
								<div class="ig fl"><img src="/product/images/video/${product.partnum}/85X48/${product.partnum}.png"></div>
								<div class="fon fl">
									<p>PS品牌运动鞋高级特效海报设计</p>
									<div class="pls">
										<i>333评论</i>
										<span>免费</span>
									</div>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 视频课程 结束 -->
	<!-- 效果快览 开始 -->
	<div class="cont2">
		<div class="tit"><span>效果快览</span></div>
		<div class="det clearFloat">
			<div class="ig fl"><img src="/product/images/video/${product.partnum}/${product.partnum}.jpg"></div>
			<div class="fon fl">
				<div class="p1 clearFloat">
					<div class="sp fl">试用版本：</div>
					<div class="sa fl">
						<p>Photoshop CC 2017</p>
						<p>Photoshop CC 2015</p>
						<p>Photoshop CS6</p>
					</div>
				</div>
				<div class="p2 clearFloat">
					<div class="sp fl">素材下载[高清]：</div>
					<div class="sa fl"><a href="javascript:;">
						<div class="sa_ig"><img src="/product/images/video/${product.partnum}/d_01.png"></div>
						<p>点击下载</p>
					</a></div>
				</div>
				<div class="p2 clearFloat">
					<div class="sp fl">PSD分层下载：</div>
					<div class="sa fl"><a href="javascript:;">
						<div class="sa_ig"><img src="/product/images/video/${product.partnum}/d_02.png"></div>
						<p>点击下载</p>
					</a></div>
				</div>
				<div class="p3">交流群：123456789</div>
			</div>
		</div>
	</div>
	<!-- 效果快览 结束 -->
	<!-- 评论 开始 -->
	<div class="cont3">
		<div class="ly">
			<!-- 登录 开始 -->
			<div class="det1"><a href="javascript:;"></a></div>
			<!-- 留言 开始 -->
			<div class="det2"><textarea>留下你的足迹吧……</textarea></div>
			<div class="det3">
				<a><img src="${WEB}/images/video7.png"></a>
				<span><input type="file" /></span>
				<em><i>学后感</i></em>
			</div>
		</div>
		<div class="plun">
			<div class="tit">
				<span>评论</span>
				<a><i>1024</i>人学习，<em>888</em>次评论</a>
			</div>
			<div class="det_tit"><span>最新评论</span></div>
			<ul class="list">
				<li class="clearFloat">
					<div class="left clearFloat">
						<div class="li_ig fl"><a href="javascript:;">
							<img src="${WEB}/images/video12.png" />
						</a></div>
						<div class="li_fon fl">
							<h4><a href="javascript:;">网页布局</a></h4>
							<p>网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局。</p>
						</div>
					</div>
					<div class="time">2017年4月10日  16:08</div>
					<div class="zan">
						<span>回复</span>
						<a class="a1" href="javascript:;">101</a>
						<a class="a2" href="javascript:;">8</a>
					</div>
				</li>
				<li class="clearFloat">
					<div class="left clearFloat">
						<div class="li_ig fl"><a href="javascript:;">
							<img src="${WEB}/images/video12.png" />
						</a></div>
						<div class="li_fon fl">
							<h4><a href="javascript:;">网页布局</a></h4>
							<p>网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局。</p>
						</div>
					</div>
					<div class="time">2017年4月10日  16:08</div>
					<div class="zan">
						<span>回复</span>
						<a class="a1" href="javascript:;">101</a>
						<a class="a2" href="javascript:;">8</a>
					</div>
				</li>
				<li class="clearFloat">
					<div class="left clearFloat">
						<div class="li_ig fl"><a href="javascript:;">
							<img src="${WEB}/images/video12.png" />
						</a></div>
						<div class="li_fon fl">
							<h4><a href="javascript:;">网页布局</a></h4>
							<p>网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局。</p>
						</div>
					</div>
					<div class="time">2017年4月10日  16:08</div>
					<div class="zan">
						<span>回复</span>
						<a class="a1" href="javascript:;">101</a>
						<a class="a2" href="javascript:;">8</a>
					</div>
				</li>
				<li class="clearFloat">
					<div class="left clearFloat">
						<div class="li_ig fl"><a href="javascript:;">
							<img src="${WEB}/images/video12.png" />
						</a></div>
						<div class="li_fon fl">
							<h4><a href="javascript:;">网页布局</a></h4>
							<p>网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局。</p>
							<div class="pic">
								<img src="${WEB}/images/video15.jpg" />
								<img src="${WEB}/images/video15.jpg" />
							</div>
							<dl>
								<dd class="clearFloat">
									<div class="dd_ig fl"><a href="javascript:;">
										<img src="${WEB}/images/video16.png" />
									</a></div>
									<div class="dd_fon fl">
										<h4><a href="javascript:;">网页布局</a></h4>
										<p>网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局。</p>
									</div>
								</dd>
								<dd class="clearFloat">
									<div class="dd_ig fl"><a href="javascript:;">
										<img src="${WEB}/images/video16.png" />
									</a></div>
									<div class="dd_fon fl">
										<h4><a href="javascript:;">网页布局</a></h4>
										<p>网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局网页布局。</p>
									</div>
								</dd>
							</dl>
						</div>
					</div>
					<div class="time">2017年4月10日  16:08</div>
					<div class="zan">
						<span>回复</span>
						<a class="a1" href="javascript:;">101</a>
						<a class="a2" href="javascript:;">8</a>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<!-- 评论 结束 -->
</div>
<!-- 视频播放 结束 -->
<!-- 底部 开始 -->
<#include "../common/footer.html">
<!--底部结束 -->
</body>
</html>
